<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--view层-->
<div id="app">
    <h2>{{message}}</h2>
    <h2>{{name}}</h2>
</div>
<!--声明式编程：很好玩 需要注意顺序先view后data-->

<!--model层-->
<script src="../../js/vue.js">

</script>
<script>
    // let person = new Person("kobe", 12)
    const app = new Vue({
        el: "#app",//用于挂载要管理的元素
        data: {//定义数据,可以通过网络获取相关数据；js是单向的vue是双向绑定的（响应式）
            message: '你好，夏明',
            name: "shuijianbaozi"
        }
    })
</script>

</body>
</html>